header .topBar {
  height: 32px;
  background: #2A2A2A;
}

/* 头部顶层左侧链接 */
header .topBar .centerWrap .leftLink {
  float: left;
}

header .topBar .centerWrap .leftLink>ul>li {
  float: left;
  margin-right: 18px;
  height: 32px;
}

header .topBar .centerWrap .leftLink>ul>li a {
  font-size: 12px;
  line-height: 32px;
}

header .topBar .centerWrap .leftLink>ul>li:hover a {
  color: #20BD9A;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu {
  padding-right: 20px;
  position: relative;
}

/* 制作顶栏的下拉菜单 */
header .topBar .centerWrap .leftLink>ul>li.downMenu .menu {
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20);
  position: absolute;
  top: 29px;
  left: 0;
  padding: 6px 8px;
  display: none;
  z-index: 999;
}

/* 每个单独下拉菜单的宽高 */
header .topBar .centerWrap .leftLink>ul>li.downMenu .menu.social {
  width: 121px;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu .menu.mall {
  width: 76px;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu .menu.hotel {
  width: 64px;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu .menu ul li a {
  font-size: 12px;
  color: #1C1F21;
  line-height: 18px;
  font-weight: bold;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu .menu ul li:hover a {
  color: #20BD9A;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu:hover .menu {
  display: block;
}

/* 通过两个三角边框实现了下拉菜单的小图标 以及动画 悬停样式 */
header .topBar .centerWrap .leftLink>ul>li.downMenu em {
  height: 18px;
  width: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  /* 设置舞台，让小图标的翻转有立体效果 */
  perspective: 40px;
  transition: transform .2s linear 0s;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu:hover em {
  transform: rotateX(180deg);
  cursor: pointer;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu em i {
  position: absolute;
  left: 3px;
  top: 5px;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu em i:first-child {
  top: 7px;
  border: 6px solid #2A2A2A;
  border-top-color: white;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu:hover>em i:first-child {
  border-top-color: #20BD9A;
}

header .topBar .centerWrap .leftLink>ul>li.downMenu em i:last-child {
  border: 6px solid transparent;
  border-top-color: #2A2A2A;
}

/* 头部顶层右侧图标链接 */
header .topBar .centerWrap .rightIcon {
  float: right;
}

/* 头部顶层右侧添加字体图标 */
header .topBar .centerWrap .rightIcon span {
  float: right;
  line-height: 32px;
  color: #fff;
  margin-left: 16px;
  font-size: 12px;
  cursor: none;
}

header .topBar .centerWrap .rightIcon span:hover {
  cursor: pointer;
  color: #20BD9A;
}

header .topBar .centerWrap .rightIcon span.iconfont {
  font-size: 18px;
}